<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <title>统一后台管理系统</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
  <link rel="stylesheet" th:href="@{/adminui/dist/css/admin.css}" media="all">
  <link rel="stylesheet" th:href="@{/style/custom.css}" media="all">
  <link rel="stylesheet" th:href="@{/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">

  <script>
    /^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
  </script>
</head>
<body class="layui-layout-body">

<div id="LAY_app">
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
      <!-- 头部区域 -->
      <ul class="layui-nav layui-layout-left">
        <li class="layui-nav-item layadmin-flexible" lay-unselect>
          <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
            <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
          </a>
        </li>
        <!--          <li class="layui-nav-item layui-hide-xs" lay-unselect>-->
        <!--            <a href="http://www.layui.com/admin/" target="_blank" title="前台">-->
        <!--              <i class="layui-icon layui-icon-website"></i>-->
        <!--            </a>-->
        <!--          </li>-->
        <!--          <li class="layui-nav-item" lay-unselect>-->
        <!--            <a href="javascript:;" layadmin-event="refresh" title="刷新">-->
        <!--              <i class="layui-icon layui-icon-refresh-3"></i>-->
        <!--            </a>-->
        <!--          </li>-->
        <!--          <li class="layui-nav-item layui-hide-xs" lay-unselect>-->
        <!--            <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords="> -->
        <!--          </li>-->
      </ul>
      <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">

        <!--          <li class="layui-nav-item" lay-unselect>-->
        <!--            <a lay-href="app/message/index.html" layadmin-event="message" lay-text="消息中心">-->
        <!--              <i class="layui-icon layui-icon-notice"></i>  -->
        <!--              -->
        <!--              &lt;!&ndash; 如果有新消息，则显示小圆点 &ndash;&gt;-->
        <!--              <span class="layui-badge-dot"></span>-->
        <!--            </a>-->
        <!--          </li>-->
        <!--        <li class="layui-nav-item layui-hide-xs" lay-unselect>-->
        <!--          <a href="javascript:;" layadmin-event="theme">-->
        <!--            <i class="layui-icon layui-icon-theme"></i>-->
        <!--          </a>-->
        <!--        </li>-->
        <li class="layui-nav-item layui-hide-xs" lay-unselect>
          <a href="javascript:;" layadmin-event="note">
            <i class="layui-icon layui-icon-note"></i>
          </a>
        </li>
        <li class="layui-nav-item layui-hide-xs" lay-unselect>
          <a href="javascript:;" layadmin-event="fullscreen">
            <i class="layui-icon layui-icon-screen-full"></i>
          </a>
        </li>
        <li class="layui-nav-item" lay-unselect>
          <a href="javascript:;">
            <cite th:text="${username}"></cite>
          </a>
          <dl class="layui-nav-child">
            <dd><a lay-href="/setting/user/info" style="text-align: center;">基本资料</a></dd>
            <dd><a lay-href="/setting/user/password" style="text-align: center;">修改密码</a></dd>
            <hr>
            <dd layadmin-event="logout" style="text-align: center;"><a>退出</a></dd>
          </dl>
        </li>

        <!--          <li class="layui-nav-item layui-hide-xs" lay-unselect>-->
        <!--            <a href="javascript:;" layadmin-event="about"><i class="layui-icon layui-icon-more-vertical"></i></a>-->
        <!--          </li>-->
        <!--          <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>-->
        <!--            <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>-->
        <!--          </li>-->
      </ul>
    </div>

    <!-- 侧边菜单 -->
    <div class="layui-side layui-side-menu">
      <div class="layui-side-scroll">
        <div class="layui-logo" lay-href="/home/console">
          <span>统一后台管理系统</span>
        </div>

        <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu">

        </ul>
      </div>
    </div>

    <!-- 页面标签 -->
    <div class="layadmin-pagetabs" id="LAY_app_tabs">
      <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
      <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
      <div class="layui-icon layadmin-tabs-control layui-icon-down">
        <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
          <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;"></a>
            <dl class="layui-nav-child layui-anim-fadein">
              <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
              <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
              <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
            </dl>
          </li>
        </ul>
      </div>
      <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
        <ul class="layui-tab-title" id="LAY_app_tabsheader">
          <li lay-id="/home/console" lay-attr="/home/console" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
        </ul>
      </div>
    </div>


    <!-- 主体内容 -->
    <div class="layui-body" id="LAY_app_body">
      <div class="layadmin-tabsbody-item layui-show">
        <iframe th:src="@{/home/console}" frameborder="0" class="layadmin-iframe"></iframe>
      </div>
    </div>

    <!-- 辅助元素，一般用于移动设备下遮罩 -->
    <div class="layadmin-body-shade" layadmin-event="shade"></div>
  </div>
</div>

<script th:src="@{/layui/layui.js}"></script>
<script>
  layui.config({
    base: '/' //静态资源所在路径
  })/*.config({
    layimPath: layui.cache.base + 'modules/layim/', //配置 layim.js 所在目录
    layimResPath: layui.cache.base + 'modules/layim/res/' //layim 资源文件所在目录
  }).extend({
    im: 'im'
  }).use(['index', 'element', 'jquery', 'view', 'layer', 'im'], function () {*/
  .use(['index', 'element', 'jquery', 'view', 'layer'], function () {
    var element = layui.element,
        $ = layui.$,
        layer = layui.layer,
        // im = layui.im,
        view = layui.view;

    view.req({
      url: '/getMenuInfos'
      , type: 'post'
      , done: function (res) {
        let data = res.data;
        let content = '';
        for (let i = 0; i < data.length; i++) {
          //先添加所有的主材单
          content += '<li data-name="' + data[i].menuName + '" class="layui-nav-item">';
          if (data[i].children && data[i].children.length > 0) {
            content += '<a href="javascript:;" lay-tips="' + data[i].title + '" lay-direction="2">';
          } else {
            content += '<a lay-href="' + data[i].href + '" lay-tips="' + data[i].title + '" lay-direction="2">';
          }
          content += '<i class="layui-icon ' + data[i].icon + '"></i><cite>' + data[i].title + '</cite></a>';

          //这里是递归添加子菜单
          content += loadChild(data[i]);
          content += '</li>';
        }

        $("#LAY-system-side-menu").html(content);
        element.init();
        element.tabChange('layadmin-layout-tabs', data[0].href);
      }
    });

    //组装子菜单的方法
    function loadChild(obj) {
      if (!obj || obj == null) {
        return '';
      }

      let content = '';
      if (!obj.children || obj.children.length < 1) {
        return '';
      }
      if (obj.children && obj.children.length > 0) {
        let o = obj.children;
        content += '<dl class="layui-nav-child">';
        for (let i = 0; i < o.length; i++) {
          content += '<dd data-name="' + o[i].menuName + '">';
          if (o[i].children && o[i].children.length > 0) {
            if (o[i].icon.startsWith('layui-icon')) {
              content += '<a href="javascript:;"><i class="layui-icon ' + o[i].icon + '"></i>' + o[i].title + '</a>';
            } else {
              content += '<a href="javascript:;"><i class="fa ' + o[i].icon + '" style="margin: 0px 12px 0px -24px;"></i>' + o[i].title + '</a>';
            }
            content += loadChild(o[i]);
          } else {
            if (o[i].icon.startsWith('layui-icon')) {
              content += '<a lay-href="' + o[i].href + '"><i class="layui-icon ' + o[i].icon + '"></i>' + o[i].title + '</a>';
            } else {
              content += '<a lay-href="' + o[i].href + '"><i class="fa ' + o[i].icon + '" style="margin: 0px 12px 0px -24px;"></i>' + o[i].title + '</a>';
            }
          }
          content += '</dd>';
        }
        content += '</dl>';
      }
      return content;
    }

  });
</script>

<!-- 百度统计 -->
<!--<script>-->
<!--  var _hmt = _hmt || [];-->
<!--  (function () {-->
<!--    var hm = document.createElement("script");-->
<!--    hm.src = "https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc";-->
<!--    var s = document.getElementsByTagName("script")[0];-->
<!--    s.parentNode.insertBefore(hm, s);-->
<!--  })();-->
<!--</script>-->
</body>
</html>


